Dont make me think

Dont make me think pdf版

#第1章:别让我思考【Krug可用性第一定律:“别让我思考”】

  1. 让用户看到一个网页,不言而喻,一目了然
  2. 强迫我们思考的:自以为很聪明的文字、不太明显的链接和按钮等;
  3. 如果不能做到不言而喻,至少要做到“自我解释”;

#第2章:我们实际上是如何使用web的【扫描,满意即可,勉强应付】

  • 用户只会“瞥一眼”来找自己所需要的,并不是仔细阅读;

    用户所需要的:
    1)与手头人物有关的;
    2)当前或接下来的个人兴趣;
    3)一些“免费”“大降价”“美女”之类的词;

  • 事实1:我们不是阅读,而是扫描(我们想的和事实的差别)

    原因:
    1)我们很忙
    2)我们知道自己不必阅读所有内容
    3)我们善于扫描

  • 事实2:我们不做最佳选择,而是满意即可(满意策略)

    《Source of Power:How people make decision》
    原因:
    1)我们很忙
    2)我们猜错不会有严重后果
    3)我们对选择进行权衡并不会改善我们的生活
    4)猜测更有意思

  • 事实3:我们不是追根究底,而是勉强应付

    原因:
    1)对我们不重要
    2)发现有适合的就一直用它


#第3章:广告设计101法则【为扫描设计,不为阅读设计】

  • 建立清楚的视觉层次

    1)越重要部分越突出:字体、颜色、留白等
    2) 逻辑上相关部分也在视觉上相关:相似内容分组放在同一标题下
    3)逻辑上包含的部分在视觉上进行嵌套:一个分类标题包含另一个分支主题

  • 习惯用法是你的好帮手

  • 把页面划分成明确定义的区域(可以让用户很快决定关注页面的那些区域,或放心跳到那些区域 )
  • 明显标识可以点击的地方
  • 降低视觉噪声(眼花缭乱没重点;组织不当;背景噪声)

#第4章:动物、植物、无机物【为什么用户喜欢无需思考的选择】
【Krug可用性第二定律:点击多少次都没关系,只要每次点击都是无须思考、明确无误的选择】。


#第5章:省略不必要的文字【不要再web上写作的艺术】

【Krug可用性第三定律:去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。】

《The element of Style》中的第17条规则
好处1:降低页面的噪声
好处2:让有用的内容更加突出
好处3:让页面更简短,而不必滚动屏幕
消灭欢迎词:欢迎词只是社交手段,用户没有时间闲聊,他们希望直截了当
消灭指示文字:最好让页面不言而喻,不可避免时砍掉多余部分


#第6章:街头指示牌和面包屑【设计导航】

如果在网站上找不到方向,人们不会使用你的网站!

##网络导航101法则

  • 你通常为了寻找某个目标
  • 你会决定先询问还是先浏览
  • 浏览->通过标志的引导在层次结构中寻找
  • 寻找不到会离开

在网络空间:感觉不到大小、方向、位置;
导航:给我们感觉、告诉我们位置、告诉我们如何始终网站、给了我们对网站建造者的信心;
页面结构

网站ID或LOGO
1、需要每个页面都显示,一般在左上角
2、要么让它最显眼,要么让它涵盖页面所有元素
栏目(主导航条)
1、站点层次结构的最上层
2、会包含下一级栏目
3、多级导航
4、页面导航
5、小字体底层导航
实用工具
1、到达网站中不属于内容层次的重要元素链接
2、举例:注册、登录、站点地图、购物车等
3、主页按钮
搜索
1、公式:一个输入框、一个按钮、搜索二字
2、禁忌:花哨的用词、指示说明、搜索选项过多(本页、本站、全网)
页面名字
1、每个页面都需要一个名称
2、页面名称需要出现在合适的位置
3、名称要引人注目
4、名称和点击链接一致
指示器
1、视觉线索要突出
面包屑
1、把它们放在最顶层
2、使用“>”对层级进行间隔
3、加粗最后一个元素
标签页
1、好处:不言而喻、让用户很难做错、很灵活
2、做法:激活的标签页与其他标签页有区别、与下方的空间在物理上连接起来

网站测试的时候需要问的几个问题:

  1. 这是什么网站?(站点ID)
  2. 我在哪个网页上? (网页名称)
  3. 这个网站的主要栏目是什么?(栏目清单)
  4. 在这个层次上我有哪些选择?(本页导航)
  5. 我在导航系统的什么位置?(你的这里的指示器)
  6. 我怎么搜索?(搜索)

#第7章:首先要承认,主页不由你控制【设计主页】

1、主页要完成的任务

  • 站点标识和使命
    • 这是什么网站?
    • 它是做什么的?
    • 我为什么在这里?
  • 站点层次
    • 我能在这里找到什么?
    • 我能做什么?
    • 网站是如何组织的?——持久导航解决
  • 导读。类似杂志封面
  • 内容推介:最新、最好、最流行的 - 内容片段
  • 功能推介
  • 适时更新的内容
  • 交换链接:友情链接
  • 快捷方式
  • 注册
  • 让用户看到自己正在寻找的东西
  • ……还有我没有找的东西。比如精彩的、我可能感兴趣的内容
  • 告诉我从哪里开始
  • 建立可信度和信任感

2、主页设计的目的
主页要传达整体形象。用户第一次进入网站,就要能回答这几个问题:

  • 这是什么网站?
  • 我能在这里干什么?
  • 网站上有些什么?
  • 为什么我应该在这里,而不是别的地方?

3、如何通过主页传达整体形象

  • 口号Tagline
    • 口号要清楚,要言之有物,准确的描述网站或公司
    • 口号要长度适中
    • 口号表述了网站的特点和显而易见的好处
    • 口号不笼统
    • 有个性、生动,有时候很俏皮
      不是所有的网站都需要口号。
  • 欢迎广告
  • “了解更多”

4、主页上传达信息的指导原则

  • 想要多大空间就使用多大空间
  • 不要使用过多的空间:保持简洁
  • 不要把使命当作欢迎广告
  • 最重要的是进行测试

5、用户知道网站是做什么的之后,主页就要回答另一个重要的问题:从哪里开始?


#第8章:农场主和牧牛人应该是朋友【为什么web团队讨论可用性是在浪费时间,如何避免这种情况】

  1. 职位情绪
    由于各自的职位不同,Web团队的成员们对于好的网站设计有着非常不同的看法。
  2. 没有什么普通用户
    所有的Web用户都是独一无二的
    所有的Web用户都是不一样的
  3. 对于大部分Web设计问题来说(至少对于重要的问题来说),没有简单的“正确”答案。良好的、一体化的设计能满足需要,也就是说,经过仔细考虑、实现和测试的设计就是好的。
  4. 争论人们喜欢什么,既浪费时间又消耗团队的精力,而测试通过将讨论对错和个人喜好转移到什么有效、什么无效上,更容易缓和争论,打破僵局。而且,测试会让我们看到用户的动机、理解、反应上的差异,从而让我们不会坚持认为用户的想法和我们的想法一样。

#第9章:一天10美分的可用性测试【让测试简单–这样你就能进行充分的测试】

1、 焦点小组不是可用性测试

焦点小组研究中,一小组人(通常是5-10个)围坐在桌子旁边,侃侃而谈,谈的是她们对产品的看法、产品的过往使用经验,或者他们对一些新概念的反应等。如果想要快速得到部分用户的意见和感觉,焦点小组是一个不错的方法。
可用性测试中 ,一次一个用户,我们观看用户试用一些东西(不管是网站、网站原型,还是一些关于新设计方案的草图),去完成一些典型的任务,通过观察用户的行动,你可以检测到那些让用户混淆和倍感挫折的地方,并修复他们。
在可用性测试中,你会看到人们真正使用的情形,而不是在焦点小组里只能听到他们的说法。
焦点小组最适合在产品的早期阶段,判断是否在建造对的产品;
可用性测试,应该贯穿在整个开发和设计过程中。

2、 关于测试的几个事实:

如果想建立一个优秀的网站,一定要测试;
测试一个用户比不做测试好一倍
在项目中,早点测试一位用户好过最后测试50位用户

3、跳楼大减价的建议可用性测试
这里写图片描述

4、 应该多久进行一次测试: 每个月一个上午
理由

  • 这样能保持测试简单,所以你们能坚持进行。
  • 这样能满足你们的需要。
  • 这样就不需要决定什么时候测试。
  • 这样人们更可能参与进来。

5、 应该测试多少用户:三个
理由

  • 这类测试的目的不是为了证明任何东西。
  • 你不用发现所有问题。问题太多,资源不够。

6、怎样选择测试参与者

  • 寻找能反应目标群体的测试用户,但不要因此裹足不前。
  • 选择非目标用户的参与测试的理由:
    – 设计出的网站只有你的目标群体才能使用,这通常不是一个好主意。
    – 在内心深处,我们都是初学者。
    – 专家通常不会介意对初学者来说很清楚的界面。

7、 在哪里测试

  • 一个安静的房间,桌子,椅子,电脑,鼠标,键盘,麦克风
  • 使用屏幕共享软件或屏幕录制软件

8、 应该由谁来引导测试

  • 主持人facilitator:引导进行整个测试的人
  • 选择一位比较有耐心、冷静、有同理心、善于倾听的人。
  • 主持人的主要工作:鼓励测试着尽可能地“说出心里话”。

9、 谁应该进行观察

  • 各种利益相关者

10、 测试什么,什么时候测试

  • 在整个项目过程中,持续对团队产出的任何东西进行测试,从最开始的草图、到线框图、页面排版、界面原型,以及最后的实际网页。

11、 怎样选择测试任务

  • 测试任务部分取决于你们现在需要测试什么。
  • 测试中尽量引入测试者自己的情感,并且可以让他们更多地用上他们自己对这些内容的理解。

12、 测试中会发生什么

一个典型的一个小时的测试应该包括以下几个部分:

  • 欢迎部分:介绍测试内容,让测试者有所准备。
  • 提问部分:提问一些问题,让测试者放松。
  • 主页“观光”:了解测试者对主页的理解。
  • 任务测试:测试的核心部分。让测试者执行一些任务,并说出其想法。
  • 问题探查:测试结束之后,回答测试者的疑问以及测试过程中的问题。
  • 结束部分:感谢测试者。

13、 测试中的典型问题

  • 用户不清楚概念
  • 他们找不到自己要找的字眼
  • 内容太多了
    – 减少页面上的整体干扰
    –把需要看到的内容设置得更加醒目

14、 总结会:决定修复哪些问题

  • 收集一份问题列表
  • 选择10个最严重的问题
  • 建立一份排序列表

#第10章:可用性是基本礼貌为什么你的网站应该让人尊敬

###1、好感储存器
含义
用高度衡量用户对网站的好感大小。好感储存器的容量是有限的,遇到的每个问题都会降低好感储存器的高度。
特点

  • 它因个人特质的不同而不同
  • 它依情况而定
  • 你可以重新填满它
  • 有时候一个简单的错误就能清空它
    ###2、降低好感的几种方式
  • 隐藏我想要的信息
  • 因为没有按照里面的方式行事而惩罚我
  • 向我询问不必要的信息
  • 敷衍和欺骗我
  • 给我设置障碍
  • 你的网站看上去不专业
    ###3、提高好感的几种方式
  • 知道人们在你的网站上想做什么,并让他们明白简易
  • 告诉我我想知道的
  • 尽量减少步骤
  • 花点心思
  • 知道我有哪些疑问并且给予解答
  • 为我提供协助,例如打印友好页面
  • 容易从错误中恢复
  • 如有不确定记得道歉

#第11章:可访问性、级联样式表和你
1、可访问性也是可用性的一部分。
2、增强可访问性的几件事

  • 1 > 改正让所有人感到混淆的可用性问题
  • 2 >读一篇关于盲人如何阅读的文章
  • 3 >看一本关于web可访问性的书
    • A Web for Everyone:Designing Accessible User Experiences》PS:有译本
    • Jim Thatcher著《Web Accessibility:Web Standards and Regulatory Compliance》
  • 4 > 开始使用级联样式表
  • 5 >去摘够得着的果子:变更HTML代码
    • 为每张图片增加合适的alt文本
    • 使用合适的标题
    • 让你的表单配合屏幕阅读器使用
    • 在每页的最前边增加一个“跳转到主要内容”的链接
    • 让所有内容都可以通过键盘访问
    • 让文本和它们的背景之间设置明显的对比
    • 采用一份可访问性良好的模版
    • 如果没有充分的理由,不要使用js
    • 使用客户端(而不是服务端)的影象地图

#第12章:救命!老板想要我……

向用户索要更多数据信息时会导致:
1)无法得到真实的数据;
2)得到的完整表单更少
3)网站形象下降
建议:为你的网站增加“注意力吸引点”

#第13章: 指点迷津 -让可用性在你身边成为现实

1、UCD和UED

  • UCD(User Centered Design,以用户为中心的设计)的目标是:设计正确的产品,保证它可用
  • UED(User Experience Design,用户体验设计)是在产品生命周期的每个阶段,都把用户需求考虑进来。

2、说服管理层支持可用性设计

  • 演示ROI(投资回报率):寻找数据证明可用性的改进会节约成本或带来额外的收入
  • 用他们的语言说话:了解公司的难题,陈述我们的方法可以协助解决这些问题

3、一些决定性的答案

  • 不要使用小而对比不强的字体
  • 不要把标签放到表单的字段里面
  • 保留访问过的链接和未访问过的链接之间的区别
  • 不要让标题漂浮于段落之间
-------------本文结束感谢您的阅读-------------

本文标题:Dont make me think

文章作者:女王的专属领地

发布时间:2018年07月10日 - 08:07

最后更新:2018年08月08日 - 14:08

原始链接:http://queenjuliazxx.github.io/2018/07/10/《Don’t make me think》/

许可协议: 本博客采用CC BY-NC-ND 许可协议 转载请保留原文链接及作者。

朱晓霞 wechat
欢迎大家关注我的微信公众号,订阅我的博客!
坚持原创技术分享,您的支持将鼓励我继续创作!